<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
    />
    <title>ng-v1</title>
    <!-- <link rel="icon" href="favicon.rspack.png" type="image/png" /> -->
    <!-- <script type="module">
      import systemjs from 'https://cdn.jsdelivr.net/npm/systemjs@6.15.1/+esm'
    </script> -->
    <!-- <script src="./linked/jquery.js"></script> -->
    <!-- <script src="//cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> -->
    <!-- <script src="//unpkg.com/angular@1.8.3/angular.min.js"></script> -->
    <!-- <link rel="preload" href="//unpkg.com/angular@1.8.3/angular.min.js" as="script"/> -->
    <!-- <script src="./node_modules/angular/angular.js"></script> -->
    <!-- <link href="/stylesheet/angular-csp.min.css" rel="stylesheet" /> -->

    <!-- <script src="//cdn.jsdelivr.net/npm/angular-sanitize@1.8.3/angular-sanitize.min.js"></script> -->
    <!-- <script src="//cdn.jsdelivr.net/npm/angular-filter@0.5.17/dist/angular-filter.js"></script> -->
    <!-- <script src="node_modules/angular-filter/dist/angular-filter.js"></script> -->
    <!-- <script src="linked/angular.js"></script> -->
    <!-- <script type="module" src="script.js"></script> -->
    <!-- <script
      type="module"
      src="mpa-learn/1-BasicUsage/1-helloWorld/index.mjs"
    ></script> -->
    <!-- <script src="//unpkg.com/show-current-browser-url"></script> -->
    <!-- ONLY FOR PARCEL or Vite -->
    <script type="module" src="src/index.mjs"></script>
    <script>
      // // 工具函数
      // function eh() {
      //   console.log(1);
      // }
      // /**
      //  * pinned!
      //  * @alias id_effect
      //  * @param {Function} fn
      //  */
      // // 在 DOM 加载完成后绑定一次性事件
      // document.addEventListener("DOMContentLoaded", eh, { once: true });
      // 工具函数
      function eventHandler() {
        console.log("DOMContentLoaded 事件触发");
      }

      // // 自移除监听器的高阶函数（类似 Y 组合子的自引用模式）
      // function createSelfRemovingListener(fn) {
      //   // 定义自引用的 handler
      //   function handler() {
      //     // 执行工具函数
      //     fn();
      //     // 执行后立即移除自身监听
      //     document.removeEventListener("DOMContentLoaded", handler);
      //   }
      //   return handler;
      // }

      // 绑定到 DOMContentLoaded 事件
      document.addEventListener(
        "DOMContentLoaded",
        (function createSelfRemovingListener(fn) {
          // 定义自引用的 handler
          function handler() {
            // 执行工具函数
            fn();
            // 执行后立即移除自身监听
            document.removeEventListener("DOMContentLoaded", handler);
          }
          return handler;
        })(eventHandler),
      );
    </script>
  </head>

  <body>
    <div id="app" ng-app="root" ng-strict-di="true" ng-csp="no-unsafe-eval">
      <app-root></app-root>
    </div>

    <div id="ngx-app"></div>
  </body>
</html>
